<template>
  <my-el-menu
    :defaultActive="defaultActive"
    :isCollapse="getIsCollapse"
    :datas="datas"
    @handleSelect="handleSelect"
  ></my-el-menu>
</template>

<script type="text/ecmascript-6">
  import myElMenu from '@/UIcomponents/myElementUI/myElMenu/MyElmenu';
  import {mapGetters, mapActions} from 'Vuex';

  export default {
    name: 'LeftMenu',
    components: {myElMenu},
    props: {
      defaultActive: {
        type: String,
        default: ""
      },
      datas: {
        type: Array,
        default: () => []
      }
    },
    data() {
      return {

      };
    },
    methods: {
      handleSelect(item) {
        this.$emit("handleSelect", item);
      }
    },
    watch: {

    },
    computed: {
      ...mapGetters(['getIsCollapse'])
    },
    mounted() {

    },
    destroyed() {
    }
  };
</script>
<style scoped lang="less">
</style>
